@import "tailwindcss";

:root {
  --background: #ffffff;
  --foreground: #171717;
}

.dark {
  --background: #0a0a0a;
  --foreground: #ededed;
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --font-sans: var(--font-geist-sans);
  --font-mono: var(--font-geist-mono);
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: Arial, Helvetica, sans-serif;
}

/* 深色模式下的特定样式 */
.dark [class*="dark:"] {
  --tw-text-opacity: 1;
}

.dark .dark\:text-white {
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.dark .dark\:text-neutral-300 {
  color: rgba(212, 212, 212, var(--tw-text-opacity));
}

.dark .dark\:bg-black\/80 {
  background-color: rgba(0, 0, 0, 0.8);
}

.dark .dark\:hover\:bg-white\/10:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.dark .dark\:hover\:text-white:hover {
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
